<template>
  <div class="guanzhugongzhonghao">
    <div class="tou_tou">
      <router-link to="/person">
        <img src="../../assets/个人中心/1个人中心/jiantou.png" @click=""  class="tou_img"/>
      </router-link>
      <p  class="tou_p">关注公众号</p>
    </div>
    <div class="cont">
      <p class="cont_p">微信服务号：</p>
      <span class="cont_span">aladeng</span>
      <nav class="nav">长按可复制</nav>
      <div class="img">
        <img src="../../assets/个人中心/1个人中心/zuhe.png"  class="img_img"/>
      </div>
      <div class="wenzi">
        您可以：通过微信”扫一扫”扫描上方二维码，找到我们
      </div>
      <div class="bottom">
        关注阿拉灯微信服务号
        <p>发货、物流、补货通知早知道</p>
      </div>
    </div>
  </div>
</template>

<script>

</script>

<style scoped>

  .guanzhugongzhonghao .tou_tou{
    width: 100%;
    height: 2.666rem;
    background: #e53e42;
    display: flex;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    justify-content: center;
    z-index:1;
  }
  .guanzhugongzhonghao .tou_tou .tou_img{
    position: absolute;
    width: 0.5rem;
    left: 0.555rem;
  }
  .guanzhugongzhonghao .tou_tou .tou_p{
    height: 0.972rem;
    font-size: 0.8rem;
    line-height: 1rem;
    letter-spacing: 0;
    color: #ffffff;
  }
  .guanzhugongzhonghao .cont{
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    top: 2.66rem;
    left: 0;
  }
  .guanzhugongzhonghao .cont .cont_p{
    position: absolute;
    top: 1.388rem;
    left: 38%;
    height: 0.75rem;
    font-size: 0.7rem;
    line-height: 1rem;
    letter-spacing: 0;
  }
  .guanzhugongzhonghao .cont .cont_span{
    position: absolute;
    top: 2.777rem;
    height: 0.805rem;
    font-size: 0.7rem;
    line-height: 1rem;
    letter-spacing: 0;
    color: #e53e42;
  }
  .guanzhugongzhonghao .cont .nav{
    position: absolute;
    top: 4.027rem;
    height: 0.694rem;
    font-size: 0.666rem;
    line-height: 1rem;
    letter-spacing: 0;
    color: #808080;
  }
  .guanzhugongzhonghao .img .img_img{
    position: absolute;
    top: 5.638rem;
    width: 90%;
  }
  .guanzhugongzhonghao .img {
    width: 70%;
    display: flex;
    justify-content: center;
  }
  .guanzhugongzhonghao .cont .wenzi{
    top: 18.444rem;
    position: absolute;
    height: 0.694rem;
    font-size: 0.6rem;
    line-height: 1rem;
    letter-spacing: 0;
    color: #666666;
    padding-bottom: 1.111rem;
    border-bottom: 1px solid #CCCCCC;
  }
  .guanzhugongzhonghao .bottom{
    text-align: center;
    position: absolute;
    top: 20.611rem;
    width: 10.5rem;
    height: 1.777rem;
    font-size: 0.666rem;
    line-height: 1rem;
    letter-spacing: 0;
    color: #666666;
    margin-bottom: 3rem;
  }

</style>
